$darkColor10 = rgba(0, 0, 0, 1)
$darkColor9 = rgba(0, 0, 0, .9)
$darkColor8 = rgba(0, 0, 0, .8)
$darkColor7 = rgba(0, 0, 0, .7)
$darkColor6 = rgba(0, 0, 0, .6)
$darkColor5 = rgba(0, 0, 0, .5)
$darkColor4 = rgba(0, 0, 0, .4)
$darkColor3 = rgba(0, 0, 0, .3)
$darkColor2 = rgba(0, 0, 0, .2)
$darkColor1 = rgba(0, 0, 0, .1)

$lightColor10 = rgba(255, 255, 255, 1)
$lightColor9 = rgba(255, 255, 255, .9)
$lightColor8 = rgba(255, 255, 255, .8)
$lightColor7 = rgba(255, 255, 255, .7)
$lightColor6 = rgba(255, 255, 255, .6)
$lightColor5 = rgba(255, 255, 255, .5)
$lightColor4 = rgba(255, 255, 255, .4)
$lightColor3 = rgba(255, 255, 255, .3)
$lightColor2 = rgba(255, 255, 255, .2)
$lightColor1 = rgba(255, 255, 255, .1)

$textShadow = 0 2px 4px $darkColor1;
$borderRadius = .25rem
$lineNumbersWrapperWidth = 2.5rem

$backgroundColor ?= #fff
$backgroundColorDark ?= #262739

$boxShadow = 0 1px 8px 0 $darkColor1
$boxShadowHover = 0 2px 16px 0 $darkColor2
$boxShadowDark = 0 1px 8px 0 $darkColor6
$boxShadowHoverDark = 0 2px 16px 0 $darkColor7

$textColor ?= #242424
$textColorDark ?= $lightColor10
$textColorSub = #7F7F7F
$textColorSubDark = #8B8B8B

$borderColor ?= #eaecef
$borderColorDark ?= $darkColor3

$codeColor ?= rgba(27, 31, 35, 0.05)
$codeColorDark ?= $lightColor8

$maskColor ?= #888
$maskColorDark ?= #000

/* code style */
$codeBgColor = #272822
$codeBlockHeight = 600px


// 响应式变化点：保证在 desktop、ipad 横屏有较好的阅读体验
/*
$MQNarrow < width < $pageWidth：全尺寸
$MQMobile < width < $MQNarrow：全尺寸；收窄边距，缩小 sidebar / toc 宽度、字体
$MQMobileNarrow < width < $MQMobile：显示 toc，隐藏 sidebar
width < $MQMobileNarrow：隐藏 sidebar, toc
*/
$MQNarrow = 1359px            // 小屏幕客户端 / ipad 横屏
$MQMobile = 1199px            // 超宽屏幕手机 / ipad 竖屏
$MQMobileNarrow = 999px       // 小屏幕手机

// $homePageWidth = 1126px    // 首页宽度
$sidebarWidth = 16rem         // 边栏宽度
$tocWidth = 16rem             // 目录宽度
$contentWidth = 1060px        // 最大内容宽度
$pageWidth ?= 1600px          // 最大页面宽度

$navbarHeight = 54px
$navbarSubHeight = 50px
$navbarActiveHeight = 40px